/* ::::: http://s1.qhimg.com/!34cca3f7/common.css ::::: */

body { margin: 0px; padding: 6px 0px 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0); font: 12px/1.5 arial,sans-serif; }
body, th, td { font-family: arial; }
html, body, ul, ol, li, dl, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }
p, form, ol, ul, li, h3, menu { list-style: outside none none; }
table, img, fieldset { border: 0px none; }
img, object, select, input, textarea, button { vertical-align: middle; }
h1, h2, h3, h4, h5, h6, input, textarea, select, address, caption, cite, code, dfn, em, i, b, strong, small, th, var, abbr { font-style: normal; font-size: 100%; }
q::before, q::after { content: ""; }
input { padding-top: 0px; padding-bottom: 0px; }
em, cite { font-style: normal; }
em { color: rgb(204, 0, 0); }
a { color: rgb(0, 99, 200); text-decoration: none; }
a:hover { text-decoration: underline; }
a:hover em { text-decoration: underline; }
.gclearfix::after { display: block; visibility: hidden; clear: both; height: 0px; content: ""; }
.gclearfix {  }
#search { background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 12px; padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 888; }
#search .logo { display: inline-block; overflow: hidden; margin-right: 30px; vertical-align: middle; }
#search .logo a { display: block; width: 120px; height: 45px; background-repeat: no-repeat; text-indent: -999px; overflow: hidden; position: relative; }
#search .search-form { display: inline-block; vertical-align: middle; }
.form { clear: both; position: relative; }
.round { display: inline-block; height: 34px; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(204, 204, 204) -moz-use-text-color rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; vertical-align: top; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; width: 539px; }
.input_key { width: 519px; height: 22px; font: 16px/22px arial; margin: 7px 7px 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; outline: 0px none; }
.s_btn { width: 93px; height: 36px; color: rgb(255, 255, 255); font-size: 14px; padding: 0px; border: 0px none; background: rgb(25, 185, 85) none repeat scroll 0% 0%; vertical-align: top; cursor: pointer; border-radius: 0px; outline: 0px none; }
#suggest-align { position: relative; }
.search-del { width: 20px; height: 20px; background-image: url('t01c2be9bbf2806aa79_001.png'); background-repeat: no-repeat; background-position: 6px 4px; display: none; position: absolute; right: 8px; top: 6px; z-index: 1; overflow: hidden; }
.search-del:hover { background-position: -20px 4px; }
body { min-width: 980px; position: relative; }
#doc { width: 100%; }
#search .inner, #container, #nav .nav { width: 1100px; margin-left: auto; margin-right: auto; }
#g-hd-tools { position: absolute; right: 0px; height: 35px; text-align: right; line-height: 35px; }
#g-hd-tools a { color: rgb(136, 136, 136); }
#g-hd-tools a:hover { color: rgb(62, 175, 14); }
#g-hd-tools { z-index: 889; }
#g-hd-tools .mod-user { display: inline-block; font-size: 12px; margin-left: 10px; color: rgb(234, 234, 234); }
#g-hd-tools .mod-user .popUsername, #g-hd-tools .mod-user .btn-login-pop { display: inline-block; margin-right: 7px; }
#g-hd-tools .mod-user .btn-logout-pop, #g-hd-tools .mod-user .btn-reg-pop { display: inline-block; margin-left: 7px; }
#g-hd-tools .mod-user .popUsername { padding-right: 13px; background: transparent url('t011ecf18747ae7f764.png') no-repeat scroll right 15px; }
#g-hd-tools .loginWrap { display: inline-block; position: relative; }
#g-hd-tools .user-menu { display: none; position: absolute; top: 35px; left: 0px; width: 80px; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: left; line-height: 26px; }
#g-hd-tools .user-menu a { display: block; padding: 0px 0px 0px 10px; }
#g-hd-tools .user-menu a:hover { background: rgb(239, 239, 239) none repeat scroll 0% 0%; }
#g-hd-tools .user-info-hover .user-menu, #g-hd-tools .user-info:hover .user-menu { display: block; }
#nav { background: rgb(25, 185, 85) none repeat scroll 0% 0%; font-size: 14px; }
#nav .nav { height: 46px; line-height: 46px; background: transparent none repeat scroll 0px center; overflow: hidden; }
#nav li { float: left; }
#nav a { display: block; width: 88px; text-align: center; color: rgb(255, 255, 255); cursor: pointer; text-decoration: none; }
#nav a:hover { background: rgb(29, 201, 93) none repeat scroll 0% 0%; text-decoration: none; }
#nav .first { position: relative; }
#nav .pull-right { float: right; background: transparent none repeat scroll 0px center; }
#nav .pull-right .music-addr { float: right; font-size: 12px; color: rgb(191, 222, 177); background: transparent none repeat scroll 0px center; }
#nav .pull-right .music-addr:hover { background: transparent none repeat scroll 0px center; text-decoration: underline; }
#footer { color: rgb(153, 153, 153); font-size: 12px; margin-top: 1.3em; border-top: 1px solid rgb(232, 232, 232); }
#footer p { padding: 15px 0px 5px; text-align: center; line-height: 22px; }
#footer { padding: 17px 0px; background: rgb(248, 248, 248) none repeat scroll 0% 0%; color: rgb(136, 136, 136); text-align: center; }
#footer p { padding: 0px; }
#footer a { color: rgb(136, 136, 136); text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .nav { display: inline-block; padding: 3px 0px; }
#footer .nav li { display: inline; float: left; padding: 0px 10px; height: 13px; border-left: 1px solid rgb(234, 234, 234); }
#footer .nav li a { display: block; }
#footer .nav .first { border: 0px none; }
#search .ico { background: transparent url('t015b9b9e5cae331a72.png') no-repeat scroll 0% 0%; display: inline-block; width: 18px; height: 16px; vertical-align: middle; }
#search .ico-narr { width: 7px; background-position: -16px 0px; margin-left: 4px; }
#search .ico-time { background-position: -31px 0px; margin-right: 4px; }
#search .ico-vchart { background-position: -87px 0px; margin-right: 4px; }
#search .ico-loved { background-position: -59px 0px; margin-right: 4px; }
#search .my-info { float: right; display: none; }
#search .my-info-item { float: left; position: relative; z-index: 1; }
#search .my-info-item h3 { font-size: 14px; font-weight: normal; padding: 0px 14px; height: 32px; line-height: 32px; cursor: pointer; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(255, 255, 255) rgb(255, 255, 255) -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; position: relative; z-index: 3; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#search .my-info-list { display: none; position: absolute; z-index: 2; right: 0px; top: 32px; width: 208px; border: 1px solid rgb(160, 196, 145); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#search .my-info-list a, #search .my-info-list .nothing { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 28px; line-height: 28px; color: rgb(136, 137, 153); }
#search .my-info-list .nothing { padding-left: 10px; }
#search .my-info-list a strong { color: rgb(93, 181, 56); }
#search .my-info-list a:hover { background-color: rgb(249, 249, 249); color: rgb(51, 51, 51); text-decoration: none; }
#search .my-info-music h3 {  }
#search .my-info-music .my-info-list { width: 154px; }
#search .my-info-music .my-info-list a { width: 117px; padding-left: 17px; padding-right: 20px; }
#search .my-info-song h3 {  }
#search .my-info-song .my-info-list a { background: transparent url('t015b9b9e5cae331a72.png') no-repeat scroll 14px -26px; padding-left: 34px; padding-right: 10px; width: 164px; }
#search .my-info-song .my-info-list a:hover { background-color: rgb(249, 249, 249); background-position: 14px -56px; }
#search .play-all { border-top: 1px dashed rgb(214, 214, 214); }
#search .play-all a { color: rgb(0, 99, 200); }
.doc-min #search .inner, .doc-min #container, .doc-min #nav .nav { width: 980px; }
@media screen and (max-width: 1279px) {
  #search .inner, #container, #nav .nav { width: 980px; }
  #gotop { margin-left: 490px; }
}
#mbTipsPlay { z-index: 999; }
@media screen and (min-width: 1200px) {
  #search, #nav, #top, #container, #footer { padding-left: calc(100vw - 100%); }
}
#nav .userInfo-login, #nav .my-like-song { float: right; margin-top: 7px; padding: 0px; height: 28px; line-height: 28px; border: 1px solid rgb(63, 162, 12); border-radius: 2px; background: rgb(25, 185, 85) none repeat scroll 0% 0%; overflow: hidden; text-decoration: none; text-align: center; }
#nav .userInfo-login { width: 66px; }
#nav .my-like-song { width: 108px; }
#nav .icon-login, #nav .icon-like { display: inline-block; width: 15px; height: 15px; background-position: 0px 0px; background-repeat: no-repeat; vertical-align: -3px; margin-right: 6px; }
#nav .icon-login { background-image: url('t013e11a3918dd336f6.png'); }
#nav .icon-like { background-image: url('t0152be6ca8dc0d1208.png'); }
/* ::::: http://s3.qhimg.com/static/ecfcfb9c329a3d50/plugins.css ::::: */

.chkbox { display: none; line-height: 16px; height: 16px; text-decoration: none; color: rgb(136, 137, 153); cursor: pointer; }
.chkbox:hover { text-decoration: none; }
.ops { display: block; float: right; width: 80px; height: 16px; text-align: right; }
.ops a, .ops .no-lrc { display: block; overflow: hidden; margin-left: 8px; width: 16px; height: 16px; text-align: left; float: left; text-indent: -99em; background: transparent url('t01b708cf4739161609.png') no-repeat scroll 0px 0px; }
.ops .no-lrc { background: transparent url('t015b9bccbd9f67e842.png') repeat scroll 0% 0%; }
.ops a.play { background-position: 0px 0px; }
.ops a.play:hover { background-position: 0px -29px; }
.ops a.play:active { background-position: 0px -58px; }
.ops a.add { display: none; background-position: -84px 0px; }
.ops a.add:hover { background-position: -84px -29px; }
.ops a.add:active { background-position: -84px -58px; }
.ops a.download { display: none; background-position: -21px 0px; }
.ops a.download:hover { background-position: -21px -29px; }
.ops a.download:active { background-position: -21px -58px; }
.ops a.ring { background: transparent url('t01ee9b29ad26810d05.png') no-repeat scroll 0px 0px; }
.ops a.ring:hover { background-position: 0px -29px; }
.ops a.ring:active { background-position: 0px -58px; }
/* ::::: http://s3.qhimg.com/!71f03e0d/search.css ::::: */

#main { width: 820px; float: left; }
#aside { width: 240px; float: right; }
#g-hd-nav .g-hd-logo { display: none; }
#container { margin-top: 20px; }
.mod { font-size: 14px; margin-bottom: 20px; }
.mod h2 { color: rgb(51, 51, 51); font: bold 15px/1.5 "Microsoft Yahei"; }
.mod .mod-hd { position: relative; border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 5px; }
.mod .mod-bd { margin-top: 10px; }
.mod .ico { display: inline-block; width: 20px; height: 20px; background: transparent url('t01d7ceb9ee31d9bdad.gif') no-repeat scroll 0% 0%; margin-right: 5px; margin-bottom: -5px; }
.mod .ico-hot { background-position: -90px -30px; }
.mv-result .mod-hd, .hot-search .mod-hd { padding-bottom: 11px; }
.nav-tabs { margin-bottom: 10px; margin-left: 1px; height: 33px; border-bottom: 1px solid rgb(229, 229, 229); }
.nav-tabs li { float: left; margin-left: -1px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(229, 229, 229) rgb(229, 229, 229) -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background: rgb(229, 229, 229) url('t0154c8ddf151aa57a3.png') repeat-x scroll 0% 0%; }
.nav-tabs li a { display: inline-block; padding: 0px 16px 0px 34px; background: transparent url('t019fba607b2cc79bd7.png') no-repeat scroll 0% 0%; color: rgb(102, 102, 102); text-align: right; text-decoration: none; font: 12px/32px "微软雅黑"; }
.nav-tabs li a:hover { color: rgb(0, 0, 0); text-decoration: none; }
.nav-tabs .q-lyrics_360 a, .nav-tabs .q-lyrics_360 a:hover, .nav-tabs .q-360 a, .nav-tabs .q-360 a:hover { background: transparent url('so.png') no-repeat scroll 13px 8px; }
.nav-tabs .q-kuwo a { background-position: 14px -32px; }
.nav-tabs li.active { position: relative; margin-bottom: -1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-top: 1px solid rgb(116, 179, 67); }
.nav-tabs li.active a { height: 32px; color: rgb(77, 171, 36); border-top: 1px solid rgb(116, 179, 67); }
.chkbox { display: inline-block; line-height: 16px; height: 16px; text-decoration: none; color: rgb(136, 137, 153); cursor: pointer; }
.chkbox:hover { text-decoration: none; }
.result-list { margin-bottom: 10px; font-size: 12px; border-top: 1px dotted rgb(217, 217, 217); }
.result-list-360 { border-top: 0px none; }
.result-list a { color: rgb(0, 99, 200); }
.result-list li { padding: 10px 0px; border-bottom: 1px dotted rgb(217, 217, 217); line-height: 16px; }
.result-list .chkbox { float: left; margin-right: 20px; }
.result-list .num { font-size: 14px; color: rgb(102, 102, 102); }
.result-list .title { display: block; float: left; width: 240px; padding-right: 40px; font-size: 14px; line-height: 20px; }
.result-list .artist { display: block; float: left; width: 122px; padding-right: 40px; word-wrap: break-word; }
.result-list .album { display: block; float: left; width: 185px; padding-right: 5px; }
.result-list .ops { display: block; float: right; width: 52px; height: 16px; text-align: right; }
.result-list .ops a, .result-list .ops .no-lrc { display: block; overflow: hidden; margin-left: 8px; width: 16px; height: 16px; text-align: left; float: left; text-indent: -99em; background: transparent url('t01b708cf4739161609.png') no-repeat scroll 0px 0px; }
.result-list .ops .no-lrc { background: transparent url('t015b9bccbd9f67e842.png') repeat scroll 0% 0%; }
.result-list .ops a.play { background-position: 0px 0px; }
.result-list .ops a.play:hover { background-position: 0px -29px; }
.result-list .ops a.play:active { background-position: 0px -58px; }
.result-list .ops a.add { background-position: -84px 0px; display: none; }
.result-list .ops a.add:hover { background-position: -84px -29px; }
.result-list .ops a.add:active { background-position: -84px -58px; }
.result-list .ops a.download { background-position: -21px 0px; display: none; }
.result-list .ops a.download:hover { background-position: -21px -29px; }
.result-list .ops a.download:active { background-position: -21px -58px; }
.result-list .ops a.ring { display: none; background: transparent url('t01ee9b29ad26810d05.png') no-repeat scroll 0px 0px; }
.result-list .ops a.ring:hover { background-position: 0px -29px; }
.result-list .ops a.ring:active { background-position: 0px -58px; }
.powered-by { color: rgb(102, 102, 102); font-size: 12px; float: right; }
.powered-by span { display: inline-block; padding-left: 20px; background: transparent url('t015f87963363c7fdf4.png') no-repeat scroll 0px 0px; line-height: 16px; }
.powered-by span.q-360 { background-position: 0px 20px; }
.mv-result { margin-bottom: 30px; }
.mv-result .le-figure .simple::after { display: block; visibility: hidden; clear: both; height: 0px; content: ""; }
.db-item .db-list li::before, .db-item .db-list li::after, .db-item .db-list li .simple::before, .db-item .db-list li .simple::after, .db-item .db-list li .special::before, .db-item .db-list li .special::after { content: ""; display: table; }
.db-item .db-list li::after, .db-item .db-list li .simple::after, .db-item .db-list li .special::after { clear: both; }
.doc-min #main { width: 720px; }
/* ::::: http://s6.qhimg.com/!f6d2cb67/sobar.css ::::: */

#g-hd { min-width: 940px; border-bottom: 1px solid rgb(224, 224, 224); height: 35px; font-size: 14px; font-family: arial,sans-serif; text-align: left; display: none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#g-hd a { text-decoration: none; }
#g-hd-inner { margin-left: -940px; position: relative; z-index: 999; border-left: 940px solid rgb(255, 255, 255); }
#g-hd .m920, #g-hd-inner {  }
#g-hd-tabs { margin: 0px; padding: 0px; }
#g-hd-tools { line-height: 35px; position: absolute; height: 35px; top: 0px; right: 20px; text-align: right; }
#g-hd-tools a { color: rgb(136, 136, 136); font-size: 12px; }
#g-hd-nav { float: left; padding-left: 20px; display: inline-block; line-height: 34px; position: relative; left: 0px; }
#g-hd-nav .g-hd-logo { height: 35px; width: 153px; float: left; overflow: hidden; }
#g-hd-nav .g-hd-logo a { display: inline-block; width: 136px; float: left; position: relative; top: 5px; left: 0px; }
#g-hd-nav .g-hd-logo img { border: 0px none; vertical-align: top; }
#g-hd-tabs { float: left; height: 35px; }
#g-hd-nav li { float: left; margin-right: 10px; height: 35px; }
#g-hd-nav li a { color: rgb(102, 102, 102); display: inline-block; height: 34px; line-height: 34px; text-align: center; width: 34px; }
#g-hd-nav li a:hover, #g-hd-nav .g-hd-cur a { background-color: transparent; color: rgb(25, 185, 85); height: 34px; }
#g-hd-nav .g-hd-cur { border-bottom: 1px solid rgb(25, 185, 85); }
#g-hd-nav .g-hd-cur a { font-weight: 700; }
.m-form-logo { width: 280px; height: 22px; position: relative; top: 17px; left: 20px; background-image: url('t01880ac7399f3a2e08.png'); background-repeat: no-repeat; display: none; }
.m-form-logo a { width: 125px; height: 22px; display: inline-block; overflow: hidden; }
.m-form-logo em { visibility: hidden; }
.slogan-music { background-position: 0px -64px; }
#g-hd { display: block; }
#search .logo a { background-image: url('haosou_music_logo_1x.png'); }
#search .logo a.new-logo { width: 100px; height: 26px; background-image: url('music.png'); }
.showHaoSouBanner { display: block; width: 240px; height: 70px; overflow: hidden; margin-bottom: 20px; }
/* ::::: http://s8.qhimg.com/static/328ade3ebcf02f06.css ::::: */

.quc-clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.quc-mod-sign-in .quc-footer::before { content: ""; position: absolute; display: block; width: 100%; height: 1px; margin-top: -11px; background: transparent linear-gradient(90deg, rgb(247, 247, 247), rgb(213, 213, 213), rgb(247, 247, 247)) repeat scroll 0% 0%; }
.mb-tips-play { position: absolute; padding: 1px; z-index: 100; background-color: rgb(255, 255, 255); border: 1px solid rgb(197, 200, 203); border-radius: 2px; box-shadow: 1px 2px 3px rgb(238, 238, 238); display: none; font-size: 12px; }
.mb-tips-play .mb-tips-arrow { position: absolute; bottom: -7px; width: 11px; height: 7px; overflow: hidden; background: transparent url('t01a30f382ef0a1780a.png') no-repeat scroll 0px 0px; left: 34px; }
.mb-tips-play .mb-content { padding: 2px 5px; }
.mb-tips-play .mb-icon-tips { display: inline-block; margin-right: 5px; width: 11px; height: 8px; vertical-align: middle; }
.mb-tips-play .mb-ico-music { width: 12px; height: 15px; background: transparent url('t010c80282a796b0c33.png') no-repeat scroll 0px 0px; }
